::-webkit-scrollbar
{
	width: 4px;
	height: 4px;
}
/*滑动轨道*/ 
::-webkit-scrollbar-track
{
	border-radius: 0px;
	background: none;
}
/*滑块*/
::-webkit-scrollbar-thumb
{
	border-radius: 2px;
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.2);
	background-color: rgba(85, 85, 85,.2)
}
/*滑块效果*/ 
::-webkit-scrollbar-thumb:hover
{
	border-radius: px;
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.2);
	background-color: rgba(85, 85, 85, 0.4);
}

.td-img{ max-width: 60px;}
.row-btn{min-width: 40px; max-width: 80px; background: #FFF; box-sizing: border-box; border: 1px solid #ccc; padding: 4px 2px; margin: 1px 2px; border-radius: 2px;}
.row-btn:hover{opacity: 0.8;}
.primary{background: #39f;border-color: #39f;color: #fff;}
.info{background: #57c5f7;border-color: #57c5f7;color: #fff;}
.success{background: #0c6;border-color: #0c6;color: #fff;}
.warning{background: #f90;border-color: #f90;color: #fff;}
.error{background: #f50;border-color: #f50;color: #fff;}
.primary-text{color: #39f;}
.info-text{color: #57c5f7;}
.success-text{color: #0c6;}
.warning-text{color: #f90;}
.error-text{color: #f50;}
.small-opacity-8{opacity: 0.8;}

.options-toolbar{display: flex; justify-content: space-between; margin-bottom: 10px;}
.datagrid-row{height: 60px;}

/* .row-edit-group{} */
.row-edit-group > a{display: inline-block;box-sizing: border-box;padding:4px 8px; background: #dfdfdf; margin: 2px;}

.easyui-menubutton.l-btn{padding: 0px 8px; min-width: 50px;}
.menu-icon{left: 8px;}
.menu-item{padding: 4px;height: 28px !important;}
.menu-text{position: relative; width: calc(100% - 30px);}
.tabs li a.tabs-inner{min-width: fit-content;}


ul.skuDetails{display: block;}
ul.skuDetails > li{position: relative; height: 60px;margin: 2px 0px;}
ul.skuDetails > li:not(:last-child){border-bottom: 1px solid #dcdcdc;}
ul.skuDetails > li > .img{position: absolute; top: 0px; left: 0px;height: 60px;width: 60px;}
ul.skuDetails > li > span.productId{position: absolute; top: 0px; left: 62px; }
ul.skuDetails > li > span.title{position: absolute; top: 22px; left: 62px; opacity: 0.8; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
ul.skuDetails > li > span.skuName{position: absolute; top: 40px; left: 62px; opacity: 0.6; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

.spinner-arrow{position: relative; width: 100%; height: 50%;display: block;}
.spinner-arrow-up, .spinner-arrow-down{position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin-top: -8px; margin-left: -8px;}
.spinner-arrow-up:hover, .spinner-arrow-down:hover{opacity: inherit; background-color: inherit;}

/* loading */
#loading_global{background: rgba(0, 0, 0, 0.6); position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 100000;}
#loading_global svg{height:80px;width:80px;margin:0 2em 2em;overflow:visible; position: absolute; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px;}
.g-circles{-webkit-transform:scale(.9) translate(7px,7px);-ms-transform:scale(.9) translate(7px,7px);transform:scale(.9) translate(7px,7px)}
circle{fill:#1e90ff;fill-opacity:0;-webkit-animation:opacity 1.2s linear infinite;animation:opacity 1.2s linear infinite}
circle:nth-child(12n+1){-webkit-animation-delay:-.1s;animation-delay:-.1s}
circle:nth-child(12n+2){-webkit-animation-delay:-.2s;animation-delay:-.2s}
circle:nth-child(12n+3){-webkit-animation-delay:-.3s;animation-delay:-.3s}
circle:nth-child(12n+4){-webkit-animation-delay:-.4s;animation-delay:-.4s}
circle:nth-child(12n+5){-webkit-animation-delay:-.5s;animation-delay:-.5s}
circle:nth-child(12n+6){-webkit-animation-delay:-.6s;animation-delay:-.6s}
circle:nth-child(12n+7){-webkit-animation-delay:-.7s;animation-delay:-.7s}
circle:nth-child(12n+8){-webkit-animation-delay:-.8s;animation-delay:-.8s}
circle:nth-child(12n+9){-webkit-animation-delay:-.9s;animation-delay:-.9s}
circle:nth-child(12n+10){-webkit-animation-delay:-1s;animation-delay:-1s}
circle:nth-child(12n+11){-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
circle:nth-child(12n+12){-webkit-animation-delay:-1.2s;animation-delay:-1.2s}
.g-circles--v3 circle{fill-opacity:1;-webkit-animation-name:opacity;animation-name:opacity;fill:#fff}
@-webkit-keyframes opacity{3%{fill-opacity:1}75%{fill-opacity:0}}
@keyframes opacity{3%{fill-opacity:1}75%{fill-opacity:0}}
@-webkit-keyframes colors{0%{fill:#9acd32}10%{fill:gold}75%{fill:#dc143c}}
@keyframes colors{0%{fill:#9acd32}10%{fill:gold}75%{fill:#dc143c}}

.l-btn-plain:hover{border: 0;}


.bigImg{position: absolute; z-index: 99999999; width: 400px; height: 400px; border: 1px solid #000000;}